<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绑定点击事件</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>

</head>
<body>
        <div id="app">
            <div>{{message}}</div>
            <!--点击按钮可以改变div内容,使用vue绑定点击事件  1 v-on:click="函数()"  2:@click="函数()"-->
<!--            <input type="button" value="改变" v-on:clike="fn1()">-->
            <input type="button" value="改变" @click="fn1()"/>
        </div>

        <script type="text/javascript">
            new Vue({
                el:"#app",
                data:{
                    message:"hello world"
                },
                methods:{//改变div内容.只需要改变message的值就行
                    fn1(){
                      this.message="hello vue"
                    }
                }
            })
        </script>
</body>
</html>